/* 
    Document   : bigpic
    Created on : Feb 27, 2011, 6:08:53 AM
    Author     : Muhammad Anis
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body{
    background-image: url(../images/logo.png);
    background-repeat: repeat;
    background-color: #ccffff;
}
h1{
    text-align: center;
}
#bigpic_wrapper{
    margin: auto auto;
    width:900px;    
}
#prevPicture{
    width:20%;
    float:left;
    text-align: center;
    height: 500px;       
}
#mainPicture{
    width:58%;
    float:left;
    text-align: center;
   /*height: 400px;*/

    border-left-style: solid;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    border-top-style: solid;
    border-right-style: solid;
    background-color: #999999;
    border-top-color: #999999;
    border-right-color: #999999;    
    
}

#nextPicture{
    text-align: center;
    width:20%;
    float:left;
    height: 500px;
    margin-top: auto;       
}

#comment{
    margin:auto auto;
    margin-top: 40px;
    width:500px;
    overflow: inherit;
}
.clear{
    clear: both;
}
#addcomment{
    text-align: center;
}
.link{
    margin-top: 200px;
}
a:link{
    border: none;
    border-style: none;
}
img
{
    border-style: none;
}
.comment_place{
    margin-top: 10px;
    padding: 10px;    
    background-color: #9999ff;
    height: 100px;
}
#comm{
    margin-top: 40px;
}
.comment_place img{   
    background-color: white;
    border: 2px solid #FFFFFF;
    float: left;
}
.comment_place div{
    float: left;
    margin-left: 10px;
}
